/*
Icon classes can be used entirely standalone. They are named after their original file names.

Example usage in HTML:

`display: block` sprite:
<div class="icon-home"></div>

To change `display` (e.g. `display: inline-block;`), we suggest using a common CSS class:

// CSS
.icon {
  display: inline-block;
}

// HTML
<i class="icon icon-home"></i>
*/
.icon-add_input {
  background-image: url(./sprite.png);
  background-position: 0px 0px;
  width: 36px;
  height: 36px;
}
.icon-add {
  background-image: url(./sprite.png);
  background-position: -72px -24px;
  width: 20px;
  height: 19px;
}
.icon-android {
  background-image: url(./sprite.png);
  background-position: 0px -72px;
  width: 16px;
  height: 16px;
}
.icon-appl-icon {
  background-image: url(./sprite.png);
  background-position: -72px -43px;
  width: 17px;
  height: 16px;
}
.icon-delete-input {
  background-image: url(./sprite.png);
  background-position: -36px 0px;
  width: 36px;
  height: 36px;
}
.icon-device-icon {
  background-image: url(./sprite.png);
  background-position: -16px -72px;
  width: 16px;
  height: 16px;
}
.icon-fresh {
  background-image: url(./sprite.png);
  background-position: -36px -36px;
  width: 24px;
  height: 24px;
}
.icon-ios {
  background-image: url(./sprite.png);
  background-position: -72px 0px;
  width: 24px;
  height: 24px;
}
.icon-search {
  background-image: url(./sprite.png);
  background-position: 0px -36px;
  width: 36px;
  height: 36px;
}
